﻿*{margin: 0;padding: 0;}
body,html{
	list-style-type:none; 
	width:100%; 
	height:100%;
	font-size: 62.5%;
	background-color: #ed6712;
	font-family:"微软雅黑";
}
/*@font-face {
	font-family:myFirstfont;
	src:url('toux.TTF');
}*/
img{ display:block;width:100%; height:100%;}
.swiper-container{
	width: 100%;
	height: 100%;
}
.stop{
	position: fixed;
    top: 1%;
    right: 2%;
    width: 32px;
    height: 32px;
    background-image: url(../../images/parlour/mu.png);
    background-size: 100%;
    z-index: 1;
}
.fei{
	position: absolute;
	bottom: -9%;
	left:-28%;
	width: 26%;
}
.muls{
	-webkit-animation:muls 2s linear infinite;
	-moz-animation:muls 2s linear infinite;
	-ms-animation:muls 2s linear infinite;
	-o-animation:muls 2s linear infinite;
	animation:muls 2s linear infinite;
}
@-webkit-keyframes muls{
	0%{
		transform: rotate(0);
		-ms-transform: rotate(0);		/* IE 9 */
	-webkit-transform: rotate(0);	/* Safari and Chrome */
	-o-transform: rotate(0);		/* Opera */
	-moz-transform: rotate(0);		/* Firefox */
}
100%{
	transform: rotate(360deg);
	-ms-transform: rotate(360deg);		/* IE 9 */
	-webkit-transform: rotate(360deg);	/* Safari and Chrome */
	-o-transform: rotate(360deg);		/* Opera */
	-moz-transform: rotate(360deg);		/* Firefox */
	}
}
@-webkit-keyframes start {
    0%,30% {opacity: 0; -webkit-transform: translate(0, -8px);} 
    60%{opacity: 1;-webkit-transform: translate(0, 0);} 
    100%{opacity: 0;-webkit-transform: translate(0, 10px);}}
.tips {
  display: block;
  width: 1.8rem;
  height: 1.8rem;
  background-image:url(../../images/parlour/zhix.png);
  background-repeat:no-repeat; 
  background-size:100%;  
  -webkit-animation: start 2.0s ease-in-out infinite;
  animation: start 2.0s ease-in-out infinite;
  position: absolute;
  z-index: 2;
  bottom:2rem;
  left: 45%;
}
 /*p1*/
.p1si{width: 100%;position: absolute;}
.p1title{width: 46%;position: absolute;top: 8%;left: 28%;}
.logo{width: 68%;position: absolute;bottom: 2%;left: 18%;}

/*p2*/
.p2bg{width: 92%;height: 80%;margin: 0 auto;margin-top: 3%;}
.p2bgquan{width: 33%;position: absolute;top: 9%;right: 0%;}
.p2c{width: 96%;position: absolute;right: 8%;bottom: 4%;}
.p2zi{width: 80%;position: absolute;top: 13%;left: 10%;}
/*p3*/
.p3si{width: 100%;top: 7%;position: absolute;}
.p3zino{width: 86%;position: absolute;top: 9%;left: 5%;}
.p3zitwo{width: 86%;position: absolute;left: 5%;bottom: 12%;}
/*p4*/
.p4kuan{width: 82%;top: 7%;left: 7%;position: absolute;}
.p4du{width: 39%;position: absolute;top: 18%;left: 27%;}
.p4tieke{width: 49%; position: absolute;left: 23%;bottom: 36%;}
/*p5*/
.p5tu{width: 100%;position: absolute;}
.p5zi{width: 76%;position: absolute;top: 19%;left: 12%;}
/*p6*/
.p6lian{width: 88%;left: 6%;top: 5%;z-index: 1;position: absolute;}
.p6deng{width: 80%;position: absolute;top: 13%;left: 12%;}
.p6helogo{width: 80%;position: absolute;bottom: 11%;left: 10%;}
/*p7*/
.p7jian{width: 70%;left: 14%;top: 5%;position: absolute;}
.p7two,.p7three,.p7no{width: 100%;position: absolute;left: 0%;}
.p7two{top: 17%;}
.p7three{top: 44%;}
.p7no{top: 71%;}
/*p8*/
.p8zi{width: 80%;left: 4%;top: 5%;position: absolute;background-color: #feede3;padding: 6%;}
.p8detu{width: 96%;left: 4%;bottom: 7%;position: absolute;}
/*p9*/
.p9bgjiao{width: 100%;position: absolute;}
.p9titlr{width: 96%;position: absolute;top: 6%;left: 3%;}
.p9lgo{width: 43%;position: absolute;bottom: 2%;left: 28%;}
input {
    outline: none;
    border: 1px solid #ffc5a0;
    background-color: transparent;
    border-radius: 10px;
    padding: 0 10px;
    width: 68%;
    height: 3rem;
    color: #ffeadc;
    margin-left: 14%;
}	
input::-webkit-input-placeholder{color: #ffeadc;}
.texbox{position:absolute;top: 33%;}
.texbox input:nth-child(2),.texbox input:nth-child(3),.texbox input:nth-child(4),.texbox input:nth-child(5),.texbox input:nth-child(6){margin-top: 3%;}
.texbox button {
    background-color: #fd6909;
    border: none;
    width: 74%;
    height: 3.6rem;
    border-radius: 10px;
    margin-left: 14%;
    color: #ffeadc;
    font-size: 1.5rem;
    margin-top: 4%;
}
/*.texbox input:nth-child(7){margin-top: 4%;width: 74%;height: 2.6em;-webkit-background-color: #fd6909;background-color:#fd6909;border: none;font-size: 1.5rem ;}*/